import { View, Text } from 'react-native'
import React, { useState } from 'react'
import { Button, Icon } from '@rneui/themed'
import { useRouter } from 'expo-router'

export default function index() {
  const router = useRouter()
  const [count,setCount] = useState(0)
  return (
    <View>
      <Text>index</Text>
      {/* 按钮组件 */}
      <Button 
        title="按钮" 
        // 容器样式，外部
        containerStyle={{marginHorizontal: 20}} 
        // 按钮样式，内部
        buttonStyle={{backgroundColor: '#090',borderRadius: 5}}
        // 文字样式
        titleStyle={{color: '#FFF'}}
        size='md'
        loading={false}
        onPress={() => router.push('/test/myHeader')}
      />
      {/* 图标 */}
      {/* 
        type: 要使用的图标类型
        name: 这个图标类型下具体的某一个
      */}
      <Icon type='ionicon' name='battery-full-outline' />
      <Icon type='font-awesome' name='pagelines' />

      <Button 
        title="自定义导航栏" 
        // 容器样式，外部
        containerStyle={{marginHorizontal: 20}} 
        // 按钮样式，内部
        buttonStyle={{backgroundColor: '#090',borderRadius: 5}}
        // 文字样式
        titleStyle={{color: '#FFF'}}
        size='md'
        loading={false}
        onPress={() => router.push('/test/myAvatar')}
      />

      <Button 
        title="Tab栏切换" 
        // 容器样式，外部
        containerStyle={{margin: 20}} 
        // 按钮样式，内部
        buttonStyle={{backgroundColor: '#090',borderRadius: 5}}
        // 文字样式
        titleStyle={{color: '#FFF'}}
        size='md'
        loading={false}
        onPress={() => router.push('/test/myTab')}
      />

      <Button 
        title="卡片" 
        // 容器样式，外部
        containerStyle={{margin: 20}} 
        // 按钮样式，内部
        buttonStyle={{backgroundColor: '#090',borderRadius: 5}}
        // 文字样式
        titleStyle={{color: '#FFF'}}
        size='md'
        loading={false}
        onPress={() => router.push('/test/myCard')}
      />

    </View>
  )
}